<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chorme=1">
		<meta name="viewport" content="target-densitydpi=medium-dpi,width=device-width,height=device-height,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<title></title>
		<link rel="stylesheet" href="./css/swiper.css"/>
		<link rel="stylesheet" href="./css/basic.css"/>
		<link rel="stylesheet" href="./css/index.css"/>
		<script type="text/javascript" src="./js/jquery.js"></script>
		<script type="text/javascript" src="./js/fancybox.js"></script>
		<script type="text/javascript" src="./js/wow.min.js"></script>
		<script type="text/javascript" src="./js/simpler-sidebar.js"></script>
		<script type="text/javascript" src="./js/SuperSlide.js"></script>
		<script type="text/javascript" src="./js/swiper.js"></script>
	</head>
	
	<body>
		<!-- 移动端导航 -->
		<div class="sidebar" id="dowebok">
		  <div class="sidebar-wrapper" id="sidebar-wrapper">
		    <ul class="nav">
		        <li><a href="###">首页</a></li>
		        <li><a href="###">设计</a></li>
		        <li><a href="###">系列</a></li>
		        <li><a href="###">品牌</a></li>
		        <li><a href="###">定制</a></li>
		        <li><a href="###">门店</a></li>
		    </ul>
		  </div>
		</div>
		
		
		<!-- 头部导航 -->
		<div class="header">
			<div class="main">
				<div class="flex">
					<div class="hl col-md-3 col-lg-3 hidden-xs">区 域：CHN&nbsp;&nbsp;&nbsp;&nbsp;<div><a href="###">招 商</a></div></div>
					<div class="hc col-md-6  col-lg-6">
						<img src="images/logo.png" >
					</div>
					
					<div class="header_btn hidden-md hidden-lg hidden-sm">
					    <div id="menu" class="menu hidden-lg hidden-md hidden-sm"></div>
					    <span class="search_btn"></span>
					</div>
					<div class="hr col-md-3 col-lg-3">
						<form action="">
							<input type="text" name="key" class="text" placeholder="请输入...">
							<input type="submit"  class="submit">
						</form>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 导航 -->
		<div class="nav hidden-xs">
			<div class="main">
				<ul class="clearfix">
					<li>
						<a href="###">设 计</a>
						<div class="des">
							<div class="main">
								<div class="nl">
									<img src="images/logo1.jpg" >
								</div>
								<ul>
									<li><a href="###">设计理念</a></li>
									<li><a href="###">设计合作</a></li>
									<li><a href="###">元素搭配</a></li>
									<li><a href="###">发现细节</a></li>
								</ul>
							</div>
						</div></li>
					<li>
						<a href="###">系 列</a>
						<div class="des">
							<div class="main">
								<div class="nl">
									<img src="images/logo2.jpg" >
								</div>
								<ul class="clearfix">
									<dl>
										<dt>2017秋冬</dt>
										<dd><a href="###">魔方系列</a></dd>
									</dl>
									<dl>
										<dt>2018春夏</dt>
										<dd><a href="###">星辰系列</a></dd>
										<dd><a href="###">盒子系列</a></dd>
									</dl>
									<dl>
										<dt>2018秋冬</dt>
										<dd><a href="###">电音系列</a></dd>
										<dd><a href="###">骑士系列</a></dd>
										<dd><a href="###">老夫的少女心系列</a></dd>
									</dl>
									<dl>
										<dt>2019春夏</dt>
										<dd><a href="###">王炸系列</a></dd>
										<dd><a href="###">锋芒系列</a></dd>
										<dd><a href="###">新贵系列</a></dd>
										<dd><a href="###">行颂诗人系列</a></dd>
									</dl>
									<dl>
										<dt>2019秋冬</dt>
										<dd><a href="###">镜系列</a></dd>
										<dd><a href="###">才俊系列</a></dd>
										<dd><a href="###">剪影系列</a></dd>
										<dd><a href="###">米缸系列</a></dd>
									</dl>
									<dl>
										<dt>2020春夏</dt>
										<dd><a href="###">白银巫师系列</a></dd>
										<dd><a href="###">黑金骑士系列</a></dd>
										<dd><a href="###">蒙特里安系列</a></dd>
										<dd><a href="###">丛林系列</a></dd>
										<dd><a href="###">莫兰迪系列</a></dd>
									</dl>
								</ul>
							</div>
						</div></li>
					<li>
						<a href="###">品 牌</a>
						<div class="des">
							<div class="main">
								<div class="nl">
									<img src="images/logo3.jpg" >
								</div>
								<ul>
									<li><a href="###">品牌简介</a></li>
									<li><a href="###">品牌故事</a></li>
									<li><a href="###">品牌主</a></li>
								</ul>
							</div>
						</div>
					</li>
					<li><a href="###">定 制</a></li>
					<li><a href="###">门 店</a></li>
				</ul>
			</div>
		</div>
		
		
		
		<!-- 系列 -->
		<div class="iser">
			<div class="main">
				<h2>系列</h2>
				<div class="serise">
					<div class="modu_box">
						<h3>2017秋冬</h3>
						<div class="outbox1">
							<div class="list_box">
								<a href="###">
									<div class="img_box"><img src="images/serise1.jpg"></div>
									<h4>魔方</h4>
								</a>
							</div>
							<div class="list_box">
								<a href="###">
									<div class="img_box"> <img src="images/serise1.jpg"> </div>
									<h4>魔方</h4>
								</a>
							</div>
							<div class="list_box">
								<a href="###">
									<div class="img_box"> <img src="images/serise1.jpg"> </div>
									<h4>魔方</h4>
								</a>
							</div>
							<div class="list_box">
								<a href="###">
									<div class="img_box"> <img src="images/serise1.jpg"> </div>
									<h4>魔方</h4>
								</a>
							</div>
							<div class="list_box">
								<a href="###">
									<div class="img_box"> <img src="images/serise1.jpg"> </div>
									<h4>魔方</h4>
								</a>
							</div>
							<div class="list_box">
								<a href="###">
									<div class="img_box"> <img src="images/serise1.jpg"> </div>
									<h4>魔方</h4>
								</a>
							</div>
							<div class="list_box">
								<a href="###">
									<div class="img_box"> <img src="images/serise1.jpg"> </div>
									<h4>魔方</h4>
								</a>
							</div>
						</div>
					</div>
					<div class="modu_box">
						<h3>2017秋冬</h3>
						<div class="outbox1">
							<div class="list_box">
								<a href="###">
									<div class="img_box"><img src="images/serise1.jpg"></div>
									<h4>魔方</h4>
								</a>
							</div>
							<div class="list_box">
								<a href="###">
									<div class="img_box"> <img src="images/serise1.jpg"> </div>
									<h4>魔方</h4>
								</a>
							</div>
							<div class="list_box">
								<a href="###">
									<div class="img_box"> <img src="images/serise1.jpg"> </div>
									<h4>魔方</h4>
								</a>
							</div>
							<div class="list_box">
								<a href="###">
									<div class="img_box"> <img src="images/serise1.jpg"> </div>
									<h4>魔方</h4>
								</a>
							</div>
							<div class="list_box">
								<a href="###">
									<div class="img_box"> <img src="images/serise1.jpg"> </div>
									<h4>魔方</h4>
								</a>
							</div>
							<div class="list_box">
								<a href="###">
									<div class="img_box"> <img src="images/serise1.jpg"> </div>
									<h4>魔方</h4>
								</a>
							</div>
							<div class="list_box">
								<a href="###">
									<div class="img_box"> <img src="images/serise1.jpg"> </div>
									<h4>魔方</h4>
								</a>
							</div>
						</div>
					</div>
					<div class="modu_box">
						<h3>2017秋冬</h3>
						<div class="outbox1">
							<div class="list_box">
								<a href="###">
									<div class="img_box"><img src="images/serise1.jpg"></div>
									<h4>魔方</h4>
								</a>
							</div>
							<div class="list_box">
								<a href="###">
									<div class="img_box"> <img src="images/serise1.jpg"> </div>
									<h4>魔方</h4>
								</a>
							</div>
							<div class="list_box">
								<a href="###">
									<div class="img_box"> <img src="images/serise1.jpg"> </div>
									<h4>魔方</h4>
								</a>
							</div>
							<div class="list_box">
								<a href="###">
									<div class="img_box"> <img src="images/serise1.jpg"> </div>
									<h4>魔方</h4>
								</a>
							</div>
							<div class="list_box">
								<a href="###">
									<div class="img_box"> <img src="images/serise1.jpg"> </div>
									<h4>魔方</h4>
								</a>
							</div>
							<div class="list_box">
								<a href="###">
									<div class="img_box"> <img src="images/serise1.jpg"> </div>
									<h4>魔方</h4>
								</a>
							</div>
							<div class="list_box">
								<a href="###">
									<div class="img_box"> <img src="images/serise1.jpg"> </div>
									<h4>魔方</h4>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		
	<!-- 	<div class="pro">
			<div class="main">
				<div class="pro_box">
					<div class="list_box">
						<h3>2017秋冬</h3>
						<div class="list_box_item">
							<div class="list">
								<a href="###">
									<div class="pic_box" style="backgrund-image:url(images/serise1.jpg)"></div>
									<p>魔方</p>
								</a>
							</div>
							<div class="list">
								<a href="###">
									<div class="img_box"><img src="images/serise1.jpg"></div>
									<p>魔方</p>
								</a>
							</div>
							<div class="list">
								<a href="###">
									<div class="img_box"><img src="images/serise1.jpg"></div>
									<p>魔方</p>
								</a>
							</div>
							<div class="list">
								<a href="###">
									<div class="img_box"><img src="images/serise1.jpg"></div>
									<p>魔方</p>
								</a>
							</div>
							
						</div>
					</div>
					
					<div class="list_box_item">
							<div class="list">
								<a href="###">
									<div class="img_box"><img src="images/serise1.jpg"></div>
									<p>魔方</p>
								</a>
							</div>
							<div class="list">
								<a href="###">
									<div class="img_box"><img src="images/serise1.jpg"></div>
									<p>魔方</p>
								</a>
							</div>
							<div class="list">
								<a href="###">
									<div class="img_box"><img src="images/serise1.jpg"></div>
									<p>魔方</p>
								</a>
							</div>
							<div class="list">
								<a href="###">
									<div class="img_box"><img src="images/serise1.jpg"></div>
									<p>魔方</p>
								</a>
							</div>
							
						</div>
					</div>
					
					<div class="list_box_item">
							<div class="list">
								<a href="###">
									<div class="img_box"><img src="images/serise1.jpg"></div>
									<p>魔方</p>
								</a>
							</div>
							<div class="list">
								<a href="###">
									<div class="img_box"><img src="images/serise1.jpg"></div>
									<p>魔方</p>
								</a>
							</div>
							<div class="list">
								<a href="###">
									<div class="img_box"><img src="images/serise1.jpg"></div>
									<p>魔方</p>
								</a>
							</div>
							<div class="list">
								<a href="###">
									<div class="img_box"><img src="images/serise1.jpg"></div>
									<p>魔方</p>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		 -->
		
		
		<!-- footer -->
		<div class="footer">
		<div class="container">
		    <div class="footer_box clearfix">
		       <div class="footer_nav clearfix hidden-xs">
		           <dl>
		               <dt><a href="###">设计</a></dt>
		           </dl>
		           <dl>
		               <dt><a href="###">系列</a></dt>
		           </dl>
		           <dl>
		               <dt><a href="###">品牌</a></dt>
		           </dl>
		           <dl>
		               <dt><a href="###">定制</a></dt>
		           </dl>
		           <dl>
		               <dt><a href="###">门店</a></dt>
		           </dl>
		           <dl>
		               <dt><a href="###">招商</a></dt>
		           </dl>
		       </div>
		       <div class="wxqr"><a href="###"><img src="images/logo.png" alt=""></a></div>
		    </div>
		</div>
		    <div class="copy"><p>佛山市玛歌卫浴洁具有限公司@版权所有   备案号</p></div>
		</div>
		
		<script type="text/javascript" src="./js/index.js"></script>
	</body>
</html>
